<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="font_index/iconfont.css">
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/list.css">
    
</head>
<body>
    <!-- 网页的头部 -->
    <div class="top-wrap">
        <div class="top-nav">
            <ul class="top-nav-l">
                <li>欢迎光临文轩书社！</li>
                <li>
                    <p class="index-login"><a href=login.html>请<span>登录</span></a></p>
                    <p class="welcome"><span>xxx</span>欢迎您&nbsp;&nbsp;<i>退出</i></p>
                </li>
                <li>
                    <a href="register.html">免费注册</a>
                </li>
            </ul>
            <ul class="top-nav-r">
                <li>
                    <a href="##">我的书社</a> 
                    <span></span>
                    <ul class="list">
                        <li><a href="##">我的订单</a> </li>
                        <li><a href="##">售后退换</a> </li>
                        <li><a href="##">暂存款  </a> </li>
                        <li><a href="##">礼券    </a> </li>
                        <li><a href="##">购书卡  </a>  </li>
                    </ul>
                </li>
                <li><a>企业采购</a></li>
                <li>
                    <a>客户服务</a>
                    <span></span>
                    <ul>
                        <li><a href="##">在线客服</a></li>
                        <li><a href="##">帮助中心</a></li>
                    </ul>
                </li>
                <li><a>手机书社</a><span></span></li>
            </ul>
        </div>
    </div>
    <!-- 网页的搜索 -->
    <div class="search-wrap-wrap">
        <div class="search-wrap">
            <div class="logo">
                <a href="index.html"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="search">
                <form action="">
                    <input type="text">
                    <input type="submit" value="搜索">
                </form>
                <div class="hot">
                    热搜 :
                    <a href="##">9月领券区</a>
                    <span>|</span>
                    <a href="##">习近平谈治国理政3</a>
                    <span>|</span>
                    <a href="##">今日秒杀</a>
                    <span>|</span>
                    <a href="##">曾国藩</a>
                    <a href="##">高级搜索</a>
                </div>
            </div>
            <div class="cart">
                <aside>
                    <i>0</i>
                    <a href="cart.html">购物车</a>    
                </aside>
            </div>
        </div>
    </div>
    <!-- 网页的主导航 -->
    <div class="nav-wrap">
        <div class="nav">
            <div class="main">
                全部商品分类:
            </div>
            <div class="item">
                <a href="##">文轩畅销榜</a>
                <a href="##">新书榜</a>
                <a href="##">社科榜</a>
                <a href="##">文学榜</a>
                <a href="##">童书榜</a>
                <a href="##">音像</a>
                <a href="##">百货</a>
                <a href="##">电子书</a>
                <a href="##">国际频道</a>
            </div>
        </div>
    </div>
    <!-- 年度好书 -->
    <div class="haoshu-wrap">
        <div class="haoshu">
            <ul>
                <li>★年度精挑细选：</li>
                <li><a href="##">2019年度获奖中国好书</a></li>
                <li><a href="##">2019诺贝尔文学奖</a></li>
                <li><a href="##">热门教辅</a></li>
                <li><a href="##">金庸</a></li>
                <li><a href="##">流浪地球</a></li>
                <li><a href="##">治愈心灵好书</a></li>
                <li><a href="##">南京大屠杀</a></li>
                <li><a href="##">小学图书馆</a></li>
                <li><a href="##">美女与野兽</a></li>
            </ul>
        </div>
    </div>
    <!-- 列表表头 -->
    <div class="list-warp">
        <div class="list">
            <h2>全部商品:</h2>
            <figure>
                <b> 类目</b>                
                <figcaption>
                    
                </figcaption>    
            </figure>
            <figure>
               <b> 折扣</b>
                <figcaption>
                    <span>0-5折</span>
                    <span>5-7折</span>
                    <span>7折以上</span>
                    <span>不限</span>
                </figcaption>    
            </figure>
            <figure>
                <b> 价格</b>
                <figcaption>
                    <span>0-9元</span>
                    <span>10-29元</span>
                    <span>30-49元</span>
                    <span>50-99元</span>
                    <span>100元以上</span>
                    <span>不限</span>
                </figcaption>    
            </figure>
            <ul>
                <li>综合排序</li>
                <li>销量<span></span></li>
                <li>价格<span></span></li>
                <li>折扣<span></span></li>
            </ul>
            <div class="cont">
                <div class="item">
                    <div class="item-img">
                        <a href="details.html"><img src="images/crazy1.jpg" alt=""></a>
                    </div>
                    <article>
                        <h3><a href="details.html"> 书名</a></h3>
                        <p><b> ￥30 </b>&nbsp;&nbsp;&nbsp;定价&nbsp;&nbsp;<span>￥50</span><i>（0.6折）</i></p>
                        <p><span>作者：</span><a href="##">孙友斌</a> </p>
                        <p>出版社：<a href="##"> 其他</a></p>
                        <p>出版时间：<span>2011-10-11</span></p>
                        <p>顾客评价：<span></span></p>
                    </article>
                    <aside >
                        <p class="add"></p>
                        <p></p>
                    </aside>
                </div>
            </div>
        </div>
    </div>
    <div class="pagination-wrap">
        <div id="Pagination" class="pagination"></div>
    </div>
        <!-- 网页的指南 -->
        <div class="guide">
            <ul>
                <li>
                    <h3> 新手入门</h3>
                    <ul>
                        <li><a href="##">购物保障</a> </li>
                        <li><a href="##">购物流程</a> </li>
                        <li><a href="##">常见问题</a> </li>
                        <li><a href="##">联系客服</a> </li>
                    </ul>
                </li>
                <li>
                    <h3> 配送服务</h3>
                    <ul>
                        <li><a href="##">货到付款区域查询</a> </li>
                        <li><a href="##">配送范围和时间 </a>  </li>
                        <li><a href="##">配送收费标准  </a>   </li>
                        <li><a href="##">验货与签收   </a>    </li>
                    </ul>
                </li>
                <li>
                    <h3> 支付方式</h3>
                    <ul>
                        <li><a href="##">货到付款  </a>  </li>
                        <li><a href="##">在线支付  </a>  </li>
                        <li><a href="##">银行转账  </a>  </li>
                        <li><a href="##">其他方式支付</a></li>
                    </ul>
                </li>
                <li>
                    <h3> 售后服务</h3>
                    <ul>
                        <li><a href="##">退换货规则   </a>    </li>
                        <li><a href="##">如何申请售后服务</a> </li>
                        <li><a href="##">退款及体现   </a>   </li>
                    </ul>
                </li>
                <li>
                    <h3> 我的订单</h3>
                    <ul>
                        <li><a href="##">下单演示</a> </li>
                        <li><a href="##">订单状态</a> </li>
                        <li><a href="##">订单取消</a> </li>
                        <li><a href="##">发票制度</a> </li>
                    </ul>
                </li>
                <li>
                    <h3> 文轩服务</h3>
                    <ul>
                        <li><a href="##">礼券    </a>   </li>
                        <li><a href="##">文轩购书卡 </a> </li>
                        <li><a href="##">文轩好书推荐</a></li>
                        <li><a href="##">交易条款  </a>  </li>
                    </ul>
                </li>
                <li>
                     <h3>电子阅读器</h3>  
                     <ul>
                        <li><a href="##">android</a>  </li>
                        <li><a href="##">ipad   </a>  </li>
                        <li><a href="##">iphone </a>  </li>
                        <li><a href="##">pc阅读器 </a> </li>
                    </ul>   
                </li>
            </ul>
    </div>
    <!-- 网页的服务 -->
    <div class="server">
        <ul>
            <li>正品保证<br>假一赔十</li>
            <li>一网打尽<br>更多优惠</li>
            <li>800城市<br>北上广深次日到达</li>
            <li>电子发票<br>报销无忧</li>
        </ul>
    </div>
    <!-- 网页的底部 -->
    <div class="footer">
        <h3>
            <a href="##">关于文轩</a>&nbsp;|
            <a href="##">联系文轩</a>&nbsp;|
            <a href="##">加入文轩</a>&nbsp;|
            <a href="##">合作伙伴</a>
        </h3>
        <p>川公网安备 51010602000457号&nbsp;|&nbsp;<a href="##">出版物经营许可证</a>&nbsp;|&nbsp;蜀ICP备1101号</p>
        <p>Copyright(C) 文轩网2000-2020 版权所有 丨 客服热线：400-072-0808</p>
    </div>


    
</body>
</html>
<script src="js/jquery.1.12.4.js"></script>
<script src="js/jquery.pagination.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/list.js"></script>
